body{
	background-color:#eee;
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 400;
	color:#555
}

header{	background-color:#333;margin-bottom:20px}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body { /* Margin bottom by footer height */
  margin-bottom: 60px;
}

footer {
  background-color:#333;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height:60px;
  margin-top:40px;
}

footer p{color:#fff;margin:0;padding:0;}

div.well.bg-default, .bg-default{
	background-color:#fff;
}

div.well.bg-success{
  background-color:#ea6720;
  color:#fff;
  font-size:22px;
  text-transform: uppercase;
}

div.well.bg-info{
	background-color:#9c3;
	color:#fff;
	font-size:22px;
	text-transform: uppercase;
}
div.well-inside{background-color:#eee;margin-top:18px;padding:15px}

.btn{text-transform:uppercase;}
.btn-primary{
	background-color:#333;
	border-color:#999;}
.btn-primary:hover{
	background-color:#232323;
	border-color:#303030;}
.btn-info{
	background-color:#9c3;
	border-color:#9b0;
	color:#fff}
.btn-info:hover{
	background-color:#99cc55;
	border-color:#99cc33;}
	
h3{
	background-color:#eee;
	border-radius:5px;
	padding:10px 0;
	margin:0;
	margin-bottom:17px;
	text-align:center;
	text-transform:uppercase
	}
	
.text-primary {
  color: #333;
}
a.text-primary:hover {
  color: #000;
}
.text-success {
  color: #ea6720;
}
a.text-success:hover {
  color: #ea6720;
}
.text-info {
  color: #9c3;
}
a.text-info:hover {
  color: #99cc55;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}

.alert{font-size:20px;font-weight:300}

.thumbnail p{font-size:16px;line-height:25px;font-weight:300}

.text-uppercase {text-transform:uppercase;font-weight:bold}

/* ************************************************** */
/* *********************** HEADER ******************* */
/* ************************************************** */

.navbar-brand {
  height: auto;
  line-height: 50px;
  font-size: 24px;
  text-transform: uppercase;
  padding:0;
  padding:10px 0;
  margin-right: 50px;
}
.navbar { /* Barra BG HEADER --> Fixed Top */
	background-color:inherit;
	border:none; 
	margin-bottom: 0;
}
.nav{
	padding-top: 22px
}
.navbar-nav > li.active{ 
  background-color: #99cc33;
  border-right: none;/*-focus-*/;
  border-radius: 25px;
  font-size: 17px;
  text-shadow:0 1px 1px rgba(255,255,255,0.5);
  text-transform: uppercase;
  padding:0 25px;
  height: 50px;
  line-height:50px;
}

.navbar-inverse .navbar-nav > li > a {
  color:#ccc;
  font-size: 17px;
  text-shadow:0 1px 1px rgba(0,0,0,0.5);
  text-transform: uppercase;
  padding:0 25px;
  height: 50px;
  line-height:50px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-inverse .navbar-nav > li.active{
  color: #333;
  cursor: default;
}
.navbar-nav > li.active:first-child {
  border-left: none;
}
.navbar-inverse .navbar-nav > li > a.btn-ingresar{
	border: 1px dotted #fff;
	color:#99cc33;
	margin:0;
	margin-right:-13px
}
.navbar-inverse .navbar-nav > li > a.btn-ingresar:hover,
.navbar-inverse .navbar-nav > li > a.btn-ingresar:focus {
	background-color:#232323;
	border-color: #99cc33
}


/* ************************************************** */
/* *********************** LOGIN ******************** */
/* ************************************************** */
.block-login{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius:10px;
  box-shadow:0 0 10px #ccc;
  width: 400px;
  height: auto;
  padding: 50px;
  margin:50px auto
}

label{font-weight:400}

/* ************************************************** */
/* *********************** SISTEMA ****************** */
/* ************************************************** */

.block-bienvenida{
  background-color: #303030;
  border:1px solid #ccc;
  color:#fff;
  padding:5px 0;
  padding-left:20px;
  font-size:18px;
  font-weight:300
}
.block-bienvenida strong{  font-weight:400}

a.btn-logout {
  background-color: #333;
  border:none;
  border-radius:0;
  color:#fff;
  padding:5px 0;
  font-size:18px;
  font-weight:300;
  text-align:center;
}

div.sub-menu-panel{
	padding-bottom:20px;
}
.active-sub-menu-panel{
	background-color:#9c3;
	border-radius:4px;
	display:block;
  	color: #fff;
	text-align: center;
	vertical-align: middle;
  	border-color: #9c0;
  	text-transform:uppercase
}
/* ************************************************** */
/* ********************* MENU SISTEMA *************** */
/* ************************************************** */
ul.list-group {text-transform:uppercase}
ul.list-group a,ul.list-group li{padding-top:15px;padding-bottom:15px}
ul.list-group a:hover{color:#202020}
ul.list-group li.active{background-color:#ea6720;color:#fff}

ul.item-mascota li.list-group-item{padding-top:8px;padding-bottom:8px}





